<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h2>就是在2D平面产生近大远小的视觉立体，但是实际还是二维的</h2>
		<ul>
			<li>在网页上产生3D效果需要透视，理解成3D物体投影在2D平面内</li>
			<li>模拟人类的视觉位置，可以理解为安排一只眼睛去看</li>
			<li>透视我们也称为视距，就是人的眼睛到屏幕的距离</li>
			<li>距离视觉点越近的在电脑屏幕上成像越大，越远越小</li>
			<li>透视的单位是像素</li>
		</ul>
		<h1>注意：</h1>
		<h2>透视写在被观察元素的父盒子上面</h2>
		<ul>
			<li>d:就是视距 人的眼睛到屏幕的距离</li>
			<li>z z轴 物体距离屏幕的距离 z轴越大(正值) 我们看到的物体就越大</li>
		</ul>
		<h2>在实际开发中 可能一个父盒子下面会有多个需要透视的子盒子 所以一般都是给固定值perspective，然后再设置每个盒子不同的translateZ</h2>
		<!-- 通过案例可以看出在perspective里面设置的就是d视距  然后再translateZ设置的就是z轴大小 -->
	</body>
</html>
